﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DropDown.aspx.cs" Inherits="DummyWebProject.feedshare" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
        .ui-dropdown-highlight
        {
            display: block;
            border: solid 1px blue;
            background-color: Yellow;
        }
        #dropdown_arrow.ui-dropdown-highlight
        {
            background-color: #99FFFF;
        }
    </style>
</head>
<body>
    <form runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Path="~/jquery-1.3.2.min.js" />
            <asp:ScriptReference Path="~/jquery-ui-1.7.1.custom.min.js" />
            <asp:ScriptReference Assembly="JQuery" Name="JQuery.JQuery.ACT.js" />
        </Scripts>
    </asp:ScriptManager>
    <span id="dropdown">toto</span>
    <ul id="dropdownPanel" style="display: block; background-color: red">
        <li>item 1</li>
        <li>item 2</li>
        <li>item 3</li>
    </ul>
    <jQuery:DropDownExtender runat="server" TargetControlSelector="#dropdown" DropDownSelector="#dropdownPanel" />
    </form>
</body>
</html>
